/** @jsx h */
import { h } from 'preact';
// 以上是样本文件 确保 jsx 使用h 正常的呈现
import { Handlers } from "$fresh/server.ts"

// 必须为 handler 其他名称无效
export const handler: Handlers = {
 async GET(req, ctx) {
  // ctx.render() 渲染页面组件
  const resp = await ctx.render();
  resp.headers.set("X-Custom-Header", "Hello");
  return resp;
 },
}

export default function AboutPage() {
  return (
    <main>
      <h1>About</h1>
      <p>this is the about page</p>
    </main>
  )
}